<meta charset="utf-8" />
<script src="../lib/jquery.js"></script>
<script src="06_animate.js"></script>
<style>
html * {
	margin: 0;
	padding: 0;
}

#wrapper {
	margin-top: 140px;
	margin-left: 330px;
}

#controller {
	padding: 10px;
}

#box {
	width: 150px;
	height: 150px;
	background-color: red;
	border: 2px solid blue;
	position: absolute;
	left: 200px;
}
</style>

<div id="wrapper">
	<div id="controller">
		<input class="big" type="button" value="크고 불투명하게 하기" /> 
		<input class="small" type="button" value="작고 투명하게 하기" /> 
		<input class="left" type="button" value="왼쪽으로 이동 하기" /> 
		<input class="right" type="button" value="오른쪽으로 이동 하기" />
	</div>
	<div id="box"></div>
</div>